/*flex布局*/
.flex{
    display: flex;
}
.row{
    flex-direction: row;
}
.column{
    flex-direction: column;
}
.row-reverse{
    flex-direction: row-reverse;
}
.column-reverse{
    flex-direction: column-reverse;
}
.nowrap{
    flex-wrap: nowrap;
}
.wrap{
    flex-wrap: wrap;
}
.wrap-reverse{
    flex-wrap: wrap-reverse;
}
.center{
    justify-content: center;
}
.flex-start{
    justify-content: flex-start;
}
.flex-end{
    justify-content: flex-end;
}
.space-between{
    justify-content: space-between;
}
.space-around{
    justify-content: space-around;
}
.align-center{
    align-items: center;
}
.align-start{
    align-items: flex-start;
}
.align-end{
    align-items: flex-end;
}
.align-baseline {
    align-items: baseline ;
}
.align-stretch  {
    align-items: stretch ;
}

.content-center{
    align-content: center;
}
.content-start{
    align-content: flex-start;
}
.content-end{
    align-content: flex-end;
}
.content-between{
    align-content: space-between;
}
.content-around{
    align-content: space-around;
}
.content-stretch{
    align-content: stretch;
}

.icon{
    display: flex;
    align-items: center;
    justify-content: center;
}
